<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>index.html</title>

		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="this is my page">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">

		<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
		<style type="text/css">
.horizontal {
	float: left;
	list-style: none;
	margin: 10px;
}

.sub-levels {
	color: red;
}

tr {
	background-color: #fff;
}

.alt {
	background-color: #ccc;
}

.highlight {
	font-weight: bold;
	font-style: italics;
}

body.large {
	font-size: 1.5em;
}

body.narrow {
	font-size: 0.8em;
}

.selected {
	font-weight: bold;
	color: yellow;
}

.hover {
	cursor: pointer;
	background-color: blue;
}

.hidden {
	display: none;
}
</style>
		<link rel="stylesheet" type="text/css" href="style.css">
		<script src="jquery-1.4.2.js" type="text/javascript"></script>
		<script src="test.js" type="text/javascript"></script>
		<script type="text/javascript">			
		</script>
	</head>

	<body>
		<div id="switcher">
			<h3>
				Style Switcher
			</h3>
			<div id="switcher-default">
				Default
			</div>
			<div id="switcher-narrow">
				Narrow Column
			</div>
			<div id="switcher-large">
				Large Print
			</div>
		</div>
		<a href="http://baidu.com">baidu</a>

		<script type="text/javascript">	
	</script>
</html>
